<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <title>RestMyAdmin</title>
    </head>
    <body>

        <div class="container">
            <div id="sidebar">
                <%@include file = 'titreAppli.jsp' %>
            </div>

            <div class="content">
                <h2>Liste des bases de données disponibles sur le serveur</h2>

                <div id="pagePrincipale">Chargement des bases...</div>
            </div>

        </div>

        <script src="jquery-1.6.1.js"></script>

        <script type="text/javascript">

            $(document.getElementById('pagePrincipale')).ready(function() {
                //Appel lors du chargement de la page

                //Initialiser un appel à Ajax
                var appel = new XMLHttpRequest();

                //Indiquer l'URL et la méthode
                appel.open("GET", "clientWebServlet?getXML=${URLServeur}/bases", true);

                //Indiquer la réaction lors de l'arrivée de la réponse
                appel.onreadystatechange = function()
                {
                    if(appel.readyState == 4)
                    {
                        //réponse arrivée
                        var zone = document.getElementById("pagePrincipale");
                        if(appel.status == 200)
                        {
                            //Ca s'est bien passé

                            //Récupération de l'XML
                            var doc = appel.responseXML;
                            if(doc != null)
                            {
                                zone.innerHTML = "<b>Serveur :</b> ${URLServeur}<br>";

                                var retour = document.createElement("button");
                                retour.innerHTML = "Retour";
                                retour.setAttribute("onclick", "document.location.href = \"clientWebServlet\"");
                                zone.appendChild(retour);

                                var rows = doc.getElementsByTagName("row");
                                zone.innerHTML += "<br><br>Il y a " + rows.length + " bases(s) de données.";

                                //Pour chaque base de données
                                for(var i = 0 ; i < rows.length ; i++)
                                {
                                    var nomBase = rows[i].children[0].textContent;
                                    zone.innerHTML += "<br>";
                                    zone.innerHTML += "<a href=\"clientWebServlet?action=getBase&nomBase=" + nomBase + "\">" + nomBase + "</a>";
                                }

                            }
                            else
                                alert('Pas de document XML');
                        }
                        else
                        {
                            zone.innerHTML = "Problème avec serveur : " + appel.status;
                        }
                    }
                }

                //Envoyer la requête
                appel.send("");
            });

        </script>

    </body>
</html>
